var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all) __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if ((from && typeof from === 'object') || typeof from === 'function') {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, {
          get: () => from[key],
          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
        });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (
  (target = mod != null ? __create(__getProtoOf(mod)) : {}),
  __copyProps(
    // If the importer is in node compatibility mode or this is not an ESM
    // file that has been converted to a CommonJS file using a Babel-
    // compatible transform (i.e. "__esModule" has not been set), then set
    // "default" to the CommonJS "module.exports" for node compatibility.
    isNodeMode || !mod || !mod.__esModule
      ? __defProp(target, 'default', { value: mod, enumerable: true })
      : target,
    mod,
  )
);
var __toCommonJS = (mod) => __copyProps(__defProp({}, '__esModule', { value: true }), mod);

// src/Header/index.tsx
var Header_exports = {};
__export(Header_exports, {
  default: () => Header,
});
module.exports = __toCommonJS(Header_exports);
var import_antd = require('antd');
var import_style = require('antd/es/avatar/style/index.js');
var import_style2 = require('antd/es/dropdown/style/index.js');
var import_classnames = __toESM(require('classnames'));
var import_react = __toESM(require('react'));
var import_avatar = __toESM(require('./avatar.png'));
var import_index = require('./index.less');
function Header({
  className,
  systemLeftAddon,
  systemRightAddon,
  logo,
  title,
  userLeftAddon,
  userRightAddon,
  renderUserContent,
  avatar = import_avatar.default,
  userName,
  onLogout,
}) {
  const userContent = (0, import_react.useMemo)(() => {
    return /* @__PURE__ */ import_react.default.createElement(
      'div',
      null,
      avatar !== false &&
        /* @__PURE__ */ import_react.default.createElement(import_antd.Avatar, {
          className: 'szzj-header-user-avatar',
          src: avatar,
          size: 'default',
        }),
      /* @__PURE__ */ import_react.default.createElement(
        'span',
        { className: 'szzj-header-user-name' },
        userName ?? '',
      ),
    );
  }, [userName, avatar]);
  return /* @__PURE__ */ import_react.default.createElement(
    'div',
    { className: (0, import_classnames.default)('szzj-header', className) },
    /* @__PURE__ */ import_react.default.createElement(
      'div',
      { className: 'szzj-header-system' },
      systemLeftAddon &&
        /* @__PURE__ */ import_react.default.createElement(
          'div',
          { className: 'szzj-header-user-left-addon' },
          systemLeftAddon,
        ),
      /* @__PURE__ */ import_react.default.createElement(
        'div',
        { className: 'szzj-header-system-content' },
        logo &&
          /* @__PURE__ */ import_react.default.createElement('span', {
            className: 'szzj-header-system-logo',
            style: {
              background: `url(${logo}) center center no-repeat`,
              backgroundSize: 'cover',
            },
          }),
        title &&
          /* @__PURE__ */ import_react.default.createElement(
            'span',
            { key: 'title', className: 'szzj-header-system-title' },
            title,
          ),
      ),
      systemRightAddon &&
        /* @__PURE__ */ import_react.default.createElement(
          'div',
          { className: 'szzj-header-user-left-addon' },
          systemRightAddon,
        ),
    ),
    /* @__PURE__ */ import_react.default.createElement(
      'div',
      { className: 'szzj-header-user' },
      userLeftAddon &&
        /* @__PURE__ */ import_react.default.createElement(
          'div',
          { className: 'szzj-header-user-left-addon' },
          userLeftAddon,
        ),
      /* @__PURE__ */ import_react.default.createElement(
        'div',
        { className: 'szzj-header-user-content' },
        renderUserContent
          ? renderUserContent(userContent)
          : onLogout
          ? /* @__PURE__ */ import_react.default.createElement(
              import_antd.Dropdown,
              {
                menu: {
                  items: [
                    {
                      key: 'logout',
                      label: '退出登录',
                      onClick: onLogout,
                    },
                  ],
                },
              },
              userContent,
            )
          : userContent,
      ),
      userRightAddon &&
        /* @__PURE__ */ import_react.default.createElement(
          'div',
          { className: 'szzj-header-user-right-addon' },
          userRightAddon,
        ),
    ),
  );
}
